<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>腾讯首页</title>
		<style>
			* {
				margin: 0 auto;
				padding: 0;
			}
			
			.div1 {
				width: 1472px;
				height: 86px;
				margin: 0 auto;
			}
			
			.div1-1 {
				width: 556px;
				height: 86px;
				float: left;
			}
			
			.div1-2 {
				width: 600px;
				height: 86px;
				float: left;
			}
			
			#seach1 {
				width: 400px;
				height: 30px;
				border-right: none;
				padding-left: 25px;
				margin: 30px 0 30px 30px;
				border-radius: 30px;
			}
			
			#seach2 {
				width: 60px;
				height: 40px;
				border-radius: 20px;
			}
			
			#img1 {
				padding-left: 130px;
				padding-top: 26px;
			}
			
			#img2 {
				padding-left: 10px;
				padding-bottom: 8px;
			}
			
			#img3 {
				padding-left: 10px;
			}
			
			.div1-3 {
				width: 316px;
				height: 86px;
				float: left;
			}
			
			.div2 {
				background-color: cornflowerblue;
				width: 1472px;
				height: 53px;
				margin: 0 auto;
			}
			
			.div2 ul li {
				display: inline-block;
				width: 50px;
				height: 33px;
				background-color: cornflowerblue;
				margin: 5px 15px;
			}
			
			.div2 ul li a {
				width: 75px;
				height: 35px;
				font-size: 20px;
				color: white;
				text-decoration: none;
			}
			
			.div2 ul li a:hover {
				color: white;
				background-color: #A9A9A9;
			}
			
			.div3 {
				width: 1472px;
				height: 855px;
				margin: 0 auto;
			}
			
			.divbox1 {
				width: 990px;
				height: 700px;
				float: left;
			}
			
			.div3-3 {
				width: 472px;
				height: 700px;
				float: left;
				margin-left: 10px;
			}
			
			.div3-1 {
				width: 990px;
				height: 144px;
				float: left;
			}
			
			.div3-2 {
				width: 490px;
				height: 710px;
				float: left;
			}
			
			.p1 {
				display: block;
				width: 70px;
				height: 39px;
				border-bottom: 5px solid blue;
				font-size: 20px;
				float: left;
			}
			
			.p2 {
				display: block;
				width: 106px;
				height: 39px;
				border-left: 1px solid gray;
				font-size: 20px;
				float: left;
				padding: 2px;
			}
			
			.p3 {
				display: block;
				font-size: 15px;
				color: dimgray;
				margin-left: 5px;
			}
			
			.p4 {
				display: block;
				width: 100px;
				height: 39px;
				border-bottom: 5px solid blue;
				font-size: 20px;
				float: left;
			}
			
			#img4 {
				margin-left: 60px;
				width: 40px;
				margin-top: 0;
				display: block;
			}
			
			#a1 {
				color: black;
				text-decoration: none;
			}
			
			#a1:hover {
				color: blue;
			}
			
			#a2 {
				display: block;
				margin-top: 10px;
				color: black;
				text-decoration: none;
			}
			
			#a2:hover {
				color: blue;
			}
			
			#a3 {
				display: inline;
				width: 74px;
				height: 42px;
				margin-top: 10px;
				color: cornflowerblue;
				border-right: 1px solid gainsboro;
				text-decoration: none;
			}
			
			#img5 {
				display: inline-block;
				margin-top: 30px;
			}
			
			#img6{
				width: 30px;
				height: 20px;
				display:block;
				margin-right:15px ;
				margin-top: 2px;
				float: right;
				
			}
			#a3:hover {
				color: blue;
			}
			
			#a4 {
				display: inline;
				width: 388px;
				height: 42px;
				margin-top: 10px;
				margin-left: 10px;
				color: gray;
				text-decoration: none;
			}
			
			#a4:hover {
				color: blue;
			}
			
			.div3-2-1 {
				height: 320px;
				width: 490px;
				float: left;
			}
			
			.div3-2-2 {
				width: 250px;
				height: 175px;
				float: left;
			}
			
			.div3-2-3 {
				width: 190px;
				height: 175px;
				float: left;
			}
			
			.div3-2-4 {
				width: 490px;
				height: 100px;
				float: left;
			}
			
			.div3-3-1 {
				width: 472px;
				height: 350px;
				float: left;
			}
			
			.div3-3-2 {
				width: 330px;
				height: 168px;
				float: left;
			}
			
			.div3-3-3 {
				width: 142px;
				height: 168px;
				float: left;
			}
			
			.div3-3-4 {
				width: 472px;
				height: 140px;
				float: left;
			}
			
			#p {
				display: block;
				width: 472px;
				height: 30px;
			}
			.divbox2 {
				width: 470px;
				height: 850px;
				float: left;
				margin-left: 12px;
				
			}
			.div4-1{
				width:470px ;
					height: 144px;
			}
			.div4-2{
				width:470px ;
					height: 140px;
			}
			.div4-3{
				width:470px ;
					height: 160px;
			}
			.div4-4{
				width:470px ;
					height: 200px;
			}
			.div4-5{
				width:470px ;
					height: 60px;
			}
			#a5{
				display: block;
				margin-left: 10px ;
				color: black;
				text-decoration: none;
				height: 30px;
				width: 70px;
				float: left;
			}
            #a5:hover{
            	color: blue;
            }
		</style>
	</head>

	<body>
		<div class="div1">
			<div class="div1-1">
				<a href="https://new.qq.com/hb_index.htm"><img width="100%" src="img/QQ图片20201129134513.png"></a>
			</div>
			<div class="div1-2">
				<input type="text" id="seach1" placeholder="请输入关键字" />
				<a href="https://www.sogou.com/tx?hdq=sogou-wsse-3f7bcd0b3ea82268&ie=utf-8&query="><input type="submit" value="搜索" id="seach2" /></a>
			</div>
			<div class="div1-3">
				<a href="https://qzone.qq.com/"><img id="img1" src="img/QQ图片20201129150310.png"></a>
				<a href="https://mail.qq.com/"><img id="img2" src="img/QQ图片20201129150314.png"></a>
				<a href="https://graph.qq.com/oauth2.0/show?which=Login&display=pc&response_type=code&client_id=101487368&redirect_uri=https%3A%2F%2Fpacaio.match.qq.com%2Fqq%2FloginBack%3Fsurl%3Dhttps%3A%2F%2Fwww.qq.com%2F&state=5b481c68e379d"><img id="img3" src="img/QQ图片20201129153210.png" </a>
			</div>
		</div>
		<div class="div2">
			<ul>
				<li>
					<a href="https://news.qq.com/">新闻</a>
				</li>
				<li>
					<a href="https://v.qq.com/">视频</a>
				</li>
				<li>
					<a href="https://new.qq.com/ch/photo/">图片</a>
				</li>
				<li>
					<a href="https://new.qq.com/ch/milite/">军事</a>
				</li>
				<li>
					<a href="https://sports.qq.com/">体育</a>
				</li>
				<li>
					<a href="https://sports.qq.com/nba/">NBA</a>
				</li>
				<li>
					<a href="https://new.qq.com/ch/ent/">娱乐</a>
				</li>
				<li>
					<a href="https://new.qq.com/ch/finance/">财经</a>
				</li>
				<li>
					<a href="https://new.qq.com/ch/tech/">科技</a>
				</li>
				<li>
					<a href="https://new.qq.com/ch/fashion/">时尚</a>
				</li>
				<li>
					<a href="https://auto.qq.com/">汽车</a>
				</li>
				<li>
					<a href="https://house.qq.com/">房产</a>
				</li>
				<li>
					<a href="https://new.qq.com/ch/edu/">教育</a>
				</li>
				<li>
					<a href="https://new.qq.com/ch/cul/">文化</a>
				</li>
				<li>
					<a href="https://new.qq.com/ch/astro/">星座</a>
				</li>
				<li>
					<a href="https://new.qq.com/ch/games/">游戏</a>
				</li>
				<li>
					<a href="#">更多</a>
				</li>
			</ul>
		</div>
		<div class="div3">
			<div class="divbox1">
				<div class="div3-1">
					<a href="https://news.qq.com/mobile/index.htm"><img id="img5" src="img/QQ图片20201201144432.png"></a>
				</div>
				<div class="div3-2">
					<div class="div3-2-1">
						<p class="p1">要闻</p>
						<p class="p2">抗肺炎</p>
						<p class="p2">湖南新闻</p>
						<p class="p3">湘潭</p>
						<p class="p3">3℃</p>
						<br />
						<hr />
						<b><font size="4"><a id="a1" href="https://new.qq.com/omn/20201130/20201130A0DDDA00.html">中共中央政治局开会，审议这三个重要文件</a></font></b>
						<br />
						<br />
						<a id="a2" href="http://news.qq.com/zt_http/wxzlsj.htm">2021“我向总理说句话”网民建言征集活动开始</a>
						</h4>
						<a id="a2" href="https://new.qq.com/omn/20201201/20201201A03EGM00.html">人民日报钟声：澳大利亚无理指责，十足虚伪</a>
						</h4>
						<a id="a2" href="https://new.qq.com/omn/20201130/20201130A08VN700.html">《求是》杂志编辑部：为文化自信提供坚实支撑</a>
						</h4>
						<a id="a2" href="https://new.qq.com/omn/20201130/20201130A0DWD400.html">国际劳工组织总干事：中国为全球脱贫事业树立榜样</a>
						</h4>
						<a id="a2" href="https://new.qq.com/omn/20201130/20201130A0380C00.html">塔克拉玛干腹地矗起沙漠新村 这笔钱贫困户稳稳领10年</a>
						</h4>
						<a id="a2" href="https://new.qq.com/omn/20201201/20201201A03V2H00.html">美媒记者：拜登已与政府官员商讨重返《巴黎协定》</a>
						</h4>
						<a id="a2" href="https://new.qq.com/omn/20201201/20201201A06IE900.html">中国城市刚提出申办奥运设想，澳大利亚人又敏感了</a>
						</h4>
					</div>
					<div class="div3-2-2">
						<a id="a2" href="https://new.qq.com/omn/20201201/20201201A03JV900.html"><img src="img/QQ图片20201201145511.png" /></a>
						</h4>
					</div>
					<div class="div3-2-3">
						<a id="a2" href="https://new.qq.com/omn/20201201/20201201A03JV900.html">终于！“马首”回家了 其余兽首何在？</a>
						</h4>
					</div>
					<div class="div3-2-4">
						<a id="a2" href="https://new.qq.com/omn/20201130/20201130A0HBPW00.html">十问延迟退休！“打工人”关心的都在这里</a>
						</h4>
						<a id="a2" href="https://new.qq.com/omn/20201201/20201201A07IRW00.html">中日恢复商务人员往来 日本经济界这样评价</a>
						</h4>
						<a id="a2" href="https://new.qq.com/omn/20201201/20201201A05OFD00.html">丁真火到海外！华春莹“三连推”下网友这么说</a>
						</h4>
						<a id="a2" href="https://new.qq.com/rain/a/20201201A044Q500">美国沙漠金属碑突然消失 罗马尼亚又现神秘巨石</a>
						</h4>
					</div>
				</div>
				<div class="div3-3">
					<div class="div3-3-1">
						<p class="p4">今日话题</p>
						<br />
						<br />
						<br />
						<hr />
						<b><font size="4"><a id="a1" href="https://new.qq.com/rain/a/20201201A0336A00">百年梦圆！“马首”回归圆明园</a></font></b>
						<br />
						<br />
						<p id="p">
							<a id="a3" href="https://new.qq.com/omn/author/1051">人民日报</a>
							<a id="a4" href="https://new.qq.com/rain/a/20201201A02J7Z00"> 冷！西北华北降雪增多，南方多地大范围阴雨</a>
						</p>
						<p id="p">
							<a id="a3" href="https://new.qq.com/omn/author/5012907">新京报</a>
							<a id="a4" href="https://new.qq.com/rain/a/20201130A0H5D800">“万元大牌百元卖”：“外贸村”不是假货横行之地</a>
						</p>
						<p id="p">
							<a id="a3" href="https://new.qq.com/omn/author/58">央视新闻</a>
							<a id="a4" href="https://new.qq.com/rain/a/20201201A02WPG00">扎心！2.5亿中国人被这件事困扰</a>
						</p>
						<p id="p">
							<a id="a3" href="https://new.qq.com/omn/author/5157372">深网</a>
							<a id="a4" href="https://new.qq.com/rain/a/20201201A01YGK00">颜值即正义？丁真能火，靠的不仅仅是颜值</a>
						</p>
						<p id="p">
							<a id="a3" href="https://new.qq.com/omn/author/3285">棱镜</a>
							<a id="a4" href="https://new.qq.com/rain/a/20201130A0HA7T00"> 荣耀剥离进行时：深圳最强国资平台现身
							</a>
						</p>
						<p id="p">
							<a id="a3" href="https://new.qq.com/omn/author/5107513">较真</a>
							<a id="a4" href="https://new.qq.com/rain/a/20201130A0G1JJ00"> 流感疫苗副作用大不能接种？11月最全辟谣榜发布</a>
						</p>
						<a href="https://v.qq.com/detail/8/88995.html"><img src="img/QQ图片20201129145241.png"></a>
					</div>
					<div class="div3-3-2">
						<iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=d3208g6jmwc" allowFullScreen="true"></iframe>
					</div>
					<div class="div3-3-3">
						<a id="a2" href="https://v.qq.com/x/page/d3208g6jmwc.html">商业地理｜县城出了个保健品巨头：谁说西方的就是好的</a>
					</div>
					<div class="div3-3-4">
						<a id="a2" href="https://v.qq.com/x/cover/mzc00200vr3xbv5/l3208m7b05m.html">[看点] 中国保健品巨头全年无休：996算啥 我们是7X24</a>
						<a id="a2" href="https://v.qq.com/x/cover/mzc00200vr3xbv5/f32081verc6.html">[看点] 中国保健品巨头把药片卖到全世界 将来想做中药</a>
						<br />
						<p id="p">
							<a id="a3" href="https://v.qq.com/detail/8/88604.html">案中观察</a>
							<a id="a4" href="https://v.qq.com/x/cover/mzc00200sk4kyke/i3208m4bbai.html"> 配阴婚是合法的吗？揭秘阴婚背后的利益链条</a>
						</p>
					</div>
				</div>
			</div>
			<div class="divbox2">
                 <div class="div4-1">
                 	<a href="http://www.piyao.org.cn/yybgt/index.htm"><img id="img5" src="img/QQ截图20201201182110.png" /></a>
                 </div>
                 <div class="div4-2">
                 	
                 	  
                 	    	<a id="a5" href="https://news.qq.com/mobile/">新闻app</a>
                 	    	<a id="a5" href="https://sports.qq.com/kbsweb/">体育APP</a>
                 	    	<a id="a5" href="https://om.qq.com/userAuth/index">企鹅号</a>
                 	    	<a id="a5" href="http://kuaibao.qq.com/">快报</a>
                 	    	<a id="a5" href="http://v.qq.com/download.html#pc">视频</a>
                 	    	<img id="img6" src="img/QQ截图20201202083549.png" />
                 	    
                 	    	<a id="a5" href="https://weixin.qq.com/">微信</a>
                 	    	<a id="a5" href="https://im.qq.com/index.shtml">QQ</a>
                 	    	<a id="a5" href="https://qzone.qq.com/">空间</a>
                 	    	<a id="a5" href="https://work.weixin.qq.com/wework_admin/register_wx?from=regopt_tlogo_wxcbar_tengxunwang">企业微信</a>
                 	    	<a id="a5" href="https://mail.qq.com/cgi-bin/loginpage">邮箱</a>
                 	    	<img id="img6" src="img/QQ截图20201202084239.png" />
                 	    	<a id="a5" href="https://cloud.tencent.com/?fromSource=gwzcw.756432.756432.756432">腾讯云</a>
                 	    	
                 	        <a id="a5" href="http://lol.qq.com/main.shtml">LOL</a>
                 	       
                 	        <a id="a5" href="http://cf.qq.com/?ADTAG=media.innerenter.qqcom.index_navigation">CF</a>
                 	        <a id="a5" href="http://pvp.qq.com/?ADTAG=media.innerenter.qqcom.index_navigation">王者</a>
                 	        <a id="a5" href="https://gouhuo.qq.com/?ADTAG=QQHOME">单机游戏</a>
                 	        <img id="img6" src="img/QQ截图20201202084253.png" />
                 	        
                 	        <a id="a5" href="https://pc.qq.com/">软件</a>
                 	        <a id="a5" href="https://pay.qq.com/">Q币</a>
                 	        <a id="a5" href="https://map.qq.com/#city=%D6%D0%B9%FA&wd=%D6%D0%B9%FA">腾讯地图</a>
                 	        <a id="a5" href="https://docs.qq.com/">腾讯文档</a>
                 	        <a id="a5" href="https://www.qq.com/map/">全部</a>
                 	       <img id="img6" src="img/QQ截图20201202084308.png" >
                 	      
                 </div>
                <div class="div4-5">
                 		<p class="p4">热门赛事</p>
                </div>
                 		 <div class="div4-3">
                 		<iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=u00353umaxy" allowFullScreen="true"></iframe>
                 </div>
                  <div class="div4-4">
                 	  <a id="a2" href="https://new.qq.com/omn/20201202/20201202A00R0200.html">拜仁1-1战平马竞 欧冠15连胜遭终结</a>
                 	   <a id="a2" href="https://new.qq.com/omn/20201202/20201202A00R4D00.html">利物浦1-0阿贾克斯提前一轮出线 阿利森受伤退场</a>
                 	    <a id="a2" href="https://view.inews.qq.com/a/20201201A0HRS800">亚冠-上港0-4惨负悉尼 后卫傅欢放弃防守被吐槽</a>
                 	     <a id="a2" href="https://new.qq.com/omn/20201202/20201202A007W100.html">C罗获2020年金足奖 击败梅西内马尔等9大巨星当选</a>
                 	      <a id="a2" href="https://v.qq.com/x/cover/mzc00200tar29qk.html?ptag=qqbrowser">《冠军绽放》把自己抛向未知世界的“冰雪女王”大杨扬</a>
                 <a id="a2" href="https://v.qq.com/"><img src="img/QQ截图20201202091518.pngss" /></a>
                 <iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=t32080p5ntx" allowFullScreen="true"></iframe>
                  </div>
			</div>
		</div>
	</body>

</html>